<template>
  <div id="app">
    <!-- 一级视图 -->
    <router-view/>
    <!-- 全局的底部导航栏 -->
    <van-tabbar v-model="active" @change="onChange" active-color="#ee0a24">
        <van-tabbar-item icon="wap-home-o" to="home">发现</van-tabbar-item>
        <van-tabbar-item icon="search" to="search">搜索</van-tabbar-item>
        <van-tabbar-item icon="cart-o" to="shop">购物车</van-tabbar-item>
        <van-tabbar-item icon="user-o" to="my">我的</van-tabbar-item>
        
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
       active:0
    };
  },
    methods: {
        onChange(index) {
          //  Notify({ type: 'primary', message: index });
          console.log(index);
        },
    },
}
</script>

<style lang="scss">

</style>
